<!DOCTYPE html>
<!--产品详情页-->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>产品详情页</title>
    <link rel="stylesheet" type="text/css" href="css/productdetail.css">
    <link rel="stylesheet" type="text/css" href="css/item.css">
    <link rel="stylesheet" type="text/css" href="css/login.css">
<body style="text-align: left;">

<!-- 头信息 -->
<div class="header">
    <div class="wrap cf">
        <span class="f_left welcome">欢迎来到完美世界周边商城！</span>
        <div class="f_right header_cart_tip">
            <a href="shoppingcart.html" class="text"><span class="icon"></span>购物车（<span class="cartNum">5</span>）</a>
            <div class="cart_list"></div>
        </div>
        <dl class="f_right">
            <dt><a href="#" class="needLogin">我的订单</a></dt>
            <dd><a href="#" class="needLogin">我的关注</a></dd>
        </dl>
        <dl class="f_right userlogin">
            <dt><a href="#" class="needLogin" id="login">登录</a></dt>
            <dd><a href="register.html" target="_blank">注册</a></dd>
        </dl>
    </div>
</div>
<!--登录层-->
<div class="login">
    <span></span>
    <!--关闭按钮-->
    <div class="close_box">
        <font>×</font>
    </div>
    <!--表单登录-->
    <h1>账号登录</h1>
    <form action="" method="post" id="form_login">
        <p>
            <label for="username">用户名</label>
            <input type="text" id="username" placeholder="admin">
        </p>
        <p>
            <label for="psw">密码</label>
            <input type="text" id="psw" placeholder="psw">
        </p>
        <input type="submit"  value="登录">
        <input type="reset" value="重置">
    </form>
</div>

<!-- 右侧悬浮条 -->
<div class="fixed_bar">
    <dl>
        <dd class="center">
            <a href="#" target="_blank" class="needLogin"><span></span></a>
            <p class="tip"><a href="#" class="needLogin">个人中心</a></p>
        </dd>
        <dd class="my_like">
            <a href="#" target="_blank" class="needLogin"><span></span></a>
            <p class="tip"><a href="#" class="needLogin">我的关注</a></p>
        </dd>
        <dd class="fixed_cart_tip">
            <a href="shoppingcart.html"><span><i></i>购物车<font class="cartNum">5</font></span></a>
        </dd>
        <dd class="online">
            <a href="#" target="_blank" class="needLogin"><span></span></a>
            <p class="tip"><a href="#" target="_blank" class="needLogin">在线客服</a></p>
        </dd>
    </dl>
    <p class="go_top" title="Scroll Back to Top" style="opacity: 0;"><a href="#"><span></span></a></p></div>
<!-- 顶部导航 -->
<div class="top_nav">
    <div class="wrap cf">
        <a href="#" class="f_left logo logo_wm"><img src="images/logo_wm.png" width="120" height="41" alt="" title="完美商城"></a>
        <a href="#" class="f_left logo logo_shop"><img src="images/logo_shop.png" width="55" height="27" alt="" title="完美商城"></a>
        <div class="f_left all_wares">
            <p class="text"><span></span>全部商品</p>
            <ul style="display: none;">
                <li>
                    <a href="#" target="_blank" class="ellipsis2" title="DOTA2神秘商店">DOTA2神秘商店<em></em></a>
                    <dl>
                        <dd><a href="#" target="_blank">手办扭蛋</a></dd>
                        <dd><a href="#" target="_blank">创意T恤</a></dd>
                        <dd><a href="#" target="_blank">焕新服饰</a></dd>
                        <dd><a href="#" target="_blank">生活用品</a></dd>
                        <dd><a href="#" target="_blank">毛绒合辑</a></dd>
                    </dl>
                </li>
                <li>
                    <a href="#" target="_blank" class="ellipsis2" title="完美世界周边">完美世界周边<em></em></a>
                    <dl>
                        <dd><a href="#" target="_blank">梦间集周边</a></dd>

                        <dd><a href="#" target="_blank">诛仙3专区</a></dd>
                    </dl>
                </li>
                <li>
                    <a href="#" target="_blank" class="ellipsis2" title="CSGO正版周边">CSGO正版周边<em></em></a>
                </li>
                <li>
                    <a href="#" target="_blank" class="ellipsis2" title="姜小虎系列周边">姜小虎系列周边<em></em></a>
                </li>
                <li>
                    <a href="#" target="_blank" class="ellipsis2" title="游戏外设">游戏外设<em></em></a>
                    <dl>
                        <dd><a href="#" target="_blank">键盘</a></dd>
                        <dd><a href="#" target="_blank">鼠标</a></dd>
                        <dd><a href="#" target="_blank">耳机</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <ul class="nav f_left">
            <li><a href="index.html" target="_blank">首页</a></li>
            <li><a href="#" target="_blank">完美世界周边</a></li>
            <li><a href="#" target="_blank">DOTA2专区</a></li>
            <li><a href="#" target="_blank">FAQ</a></li>
        </ul>
        <div class="f_right header_search">
            <!--顶部侧搜索框-->
            <form action="" method="get" class="cf">
                <input type="text" class="text " data-old-key="" value="">
                <input type="button" class="btn">
                <span class="keyword">

                        <a href="#" class="tj_link" data-url="#" data-pid="346" target="_blank">敌法师</a>

                        <a href="#" class="tj_link" data-url="#" data-pid="454" target="_blank">国际金猪</a>

                </span>
                <div class="keyword_list">
                    <dl>

                    </dl>
                </div>
            </form>
        </div>
    </div>
</div>
    <!-- 面包屑导航 -->
    <div class="nav_bar">
        <div class="wrap">
            <a href="index.html">首页</a>
            
                &gt; <a href="#">Dota2神秘商店</a>
            
            
                
                    &gt; <a href="#">DOTA2神秘商店</a>
                
                    &gt; <a href="#">创意T恤</a>
                
            
            &gt; <a href="#">DOTA2-TI7  水晶喵女与狸娜 T恤</a>
        </div>
    </div>
    <!-- 商品细节 -->
    <input id="isSkuProduct" type="hidden" value="true">
    <input id="productId" type="hidden" value="360">
    <input id="skuId" type="hidden" value="1027">
    <div class="goods_detail">
        <div class="wrap cf">
            <div class="gallery f_left">
                <div class="picFocus">
                    <div class="bd">
                        <div class="tempWrap" style="overflow:hidden; position:relative; width:430px"><ul style="width: 430px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: 0px;">
                            
                                <li style="float: left; width: 430px;"><img src="images/productdetail/0fb1d529-ef3e-46eb-8691-1a294cf80c08.jpg" width="430" height="430"></li>
                            
                        </ul></div>
                    </div>
                    <div class="hd">
                        <ul>
                            
                                <li class="on"><img src="images/productdetail/0fb1d529-ef3e-46eb-8691-1a294cf80c08_100.jpg" width="100" height="100" alt="DOTA2-TI7  水晶喵女与狸娜 T恤" title="DOTA2-TI7  水晶喵女与狸娜 T恤"></li>
                            
                        </ul>
                    </div>
                </div>
                <div class="share">
                    <dl class="cf">
                        <dt class="f_left"><a href="javascript:void(0)" data-pid="360" class="like "><span></span>关注<font>3</font></a></dt>
                    </dl>
                </div>
            </div>
            <div class="property f_left">
                <div class="title">
                    <h1>DOTA2-TI7  水晶喵女与狸娜 T恤</h1>
                        <p>2017国际邀请赛新款！</p>
                </div>
                        <p id="productShowPrice" class="price">¥ 139.00</p>
                <table>
                    <tbody>
                    <tr>
                        <th>运费：</th>
                        <td>
                            <div class="meta">
                                <span class="from">北京</span>至<span class="to shippingTo" title="北京">北京<i></i></span><font>快递：<span class="shippingFee">￥15.00</span></font>
                                <div class="popup shippingPopup">
                                    <p class="close"><span></span></p>
                                    <div class="nav">
                                        <ul class="cf">
                                            <li class="province">北京<span></span></li>
                                            <li class="city curr" style="">请选择<span></span></li>
                                            <li class="regions" style="display: none;"></li>
                                        </ul>
                                    </div>
                                    <div class="pane">
                                        <dl class="cf" style="display: none;"><dd data-area-id="110000">北京</dd><dd data-area-id="120000">天津</dd><dd data-area-id="130000">河北</dd><dd data-area-id="140000">山西</dd><dd data-area-id="150000">内蒙</dd><dd data-area-id="210000">辽宁</dd><dd data-area-id="220000">吉林</dd><dd data-area-id="230000">黑龙江</dd><dd data-area-id="310000">上海</dd><dd data-area-id="320000">江苏</dd><dd data-area-id="330000">浙江</dd><dd data-area-id="340000">安徽</dd><dd data-area-id="350000">福建</dd><dd data-area-id="360000">江西</dd><dd data-area-id="370000">山东</dd><dd data-area-id="410000">河南</dd><dd data-area-id="420000">湖北</dd><dd data-area-id="430000">湖南</dd><dd data-area-id="440000">广东</dd><dd data-area-id="450000">广西</dd><dd data-area-id="460000">海南</dd><dd data-area-id="500000">重庆</dd><dd data-area-id="510000">四川</dd><dd data-area-id="520000">贵州</dd><dd data-area-id="530000">云南</dd><dd data-area-id="540000">西藏</dd><dd data-area-id="610000">陕西</dd><dd data-area-id="620000">甘肃</dd><dd data-area-id="630000">青海</dd><dd data-area-id="640000">宁夏</dd><dd data-area-id="650000">新疆</dd><dd data-area-id="710000">台湾</dd><dd data-area-id="810000">香港</dd><dd data-area-id="820000">澳门</dd><dd data-area-id="990000">海外</dd></dl>
                                        <dl class="cf" style=""><dd data-area-id="110100" title="北京市">北京市</dd></dl>
                                        <dl class="cf" style="display: none;"></dl>
                                    </div>
                                    
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <table style="margin-left: -4px;" id="product_sku_table">
                            
                                <tbody><tr>
                                    <th>型号：</th>
                                    <td>
                                        
                                            <a data-value="66:295" href="javascript:void(0)" class="option sku-item null">S<em></em></a>
                                        
                                            <a data-value="66:296" href="javascript:void(0)" class="option sku-item curr">M<em></em></a>
                                        
                                            <a data-value="66:297" href="javascript:void(0)" class="option sku-item">L<em></em></a>
                                        
                                            <a data-value="66:298" href="javascript:void(0)" class="option sku-item">XL<em></em></a>
                                        
                                            <a data-value="66:299" href="javascript:void(0)" class="option sku-item">XXL<em></em></a>
                                        
                                    </td>
                                </tr>
                            
                            </tbody></table>
                        </td>
                    </tr>
                    <tr>
                        <th>数量：</th>
                        <td>
                            <span class="amount number-input"><span class="reduce disable"></span><input id="buyNumber" type="text" value="1" min="1" stock="32" maxlength="3" autocomplete="off"><span class="plus"></span></span>
                                    <span class="stock stock_info">（库存<font id="stock_num">32</font>件）</span>
                                    <span class="sold">已售出<font id="sold_num">43</font>件</span>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div class="btns">
                            <a href="javascript:void(0)" class="buy btn_buy" onclick="window.open('shoppingcart.html')">立即购买</a>
                            <a href="javascript:void(0)" class="add btn_addCart"><span></span>加入购物车</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 套餐 -->
    <!-- 介绍 -->
    <div class="presentation">
        <div class="wrap cf">
            <!-- 猜你喜欢 -->
            <div class="guess_like f_left">
                <dl>
                    <dt>猜你喜欢</dt>
        <dd>
            <a href="#" target="_blank"><img src="images/productdetail/aa558b1778a04eaf9e4d3dddb32d9d3f_120.jpg" alt="DOTA2- T恤 烫金拍拍" title="DOTA2- T恤 烫金拍拍"></a>
            <p class="name ellipsis" title="DOTA2- T恤 烫金拍拍" style="word-wrap: break-word; word-break: break-all;">DOTA2- T恤 烫金拍拍</p>
            <p class="price">¥139.00</p>
        </dd>
        
        
        
        
        <dd>
            <a href="#" target="_blank"><img src="images/productdetail/93945894-d9c6-4f43-91cc-76203c9893d8_120.jpg" alt="DOTA2-TI7 装甲就位 T恤" title="DOTA2-TI7 装甲就位 T恤"></a>
            <p class="name ellipsis" title="DOTA2-TI7 装甲就位 T恤" style="word-wrap: break-word; word-break: break-all;">DOTA2-TI7 装甲就位 T恤</p>
            <p class="price">¥139.00</p>
        </dd>
        
        
        
        
        <dd>
            <a href="#" target="_blank"><img src="images/productdetail/d9cde1a175234cb8b4032fcc4d55aa34_120.jpg" alt="DOTA2-2018年国际邀请赛 卫衣" title="DOTA2-2018年国际邀请赛 卫衣"></a>
            <p class="name ellipsis" title="DOTA2-2018年国际邀请赛 卫衣" style="word-wrap: break-word; word-break: break-all;">DOTA2-2018年国际邀请赛 卫衣</p>
            <p class="price">¥499.00</p>
        </dd>
        
        
        
        
        <dd>
            <a href="#" target="_blank"><img src="images/productdetail/042cbcd654af4bb69fd885d0d6e9d0ca_120.jpg" alt="DOTA2-2018年国际邀请赛 主题马克杯" title="DOTA2-2018年国际邀请赛 主题马克杯"></a>
            <p class="name ellipsis" title="DOTA2-2018年国际邀请赛 主题马克杯" style="word-wrap: break-word; word-break: break-all;">DOTA2-2018年国际邀请赛 主题马克杯</p>
            <p class="price">¥118.00</p>
        </dd>
        
        
        
        
        <dd>
            <a href="#" target="_blank"><img src="images/productdetail/5997b704-37e9-42e0-9ae1-641913e0074e_120.jpg" alt="DOTA2-潮汐猎人 马克杯" title="DOTA2-潮汐猎人 马克杯"></a>
            <p class="name ellipsis" title="DOTA2-潮汐猎人 马克杯" style="word-wrap: break-word; word-break: break-all;">DOTA2-潮汐猎人 马克杯</p>
            <p class="price">¥188.00</p>
        </dd>
        
        </dl>
            </div>
            <!-- 详情 -->
            <div class="product_detail details f_left">
                <ul class="cf details_nav desc_tab">
                    <li class="curr"><a href="javascript:void(0)">商品介绍</a></li>
                    <li><a href="javascript:void(0)">产品评论<span>(0)</span></a></li>
                </ul>
                <div class="desc_pane cf">
                    <div class="content cf"><p><a href="#" target="_blank"></a></p>
<p><img src="images/productdetail/1502872462844018121.jpg" title="1502872462844018121.jpg" alt="1.jpg" style="float: left;"></p>
<p><img src="images/productdetail/1500317854934064890.jpg" style="" title="1500317854934064890.jpg"></p>
<p><br></p></div>
                    <div class="content cf" style="display: none;">
                        <div class="comment">
                            <div class="cf rate_header">
                                <div class="f_left rate_score">
                                    <p class="num">
                                        
                                            
                                            0%
                                        
                                    </p>
                                    <p class="stars stars2"></p>
                                    <span>好评度</span>
                                </div>
                                <div class="f_left rate_bar">
                                    <table cellspacing="0" cellpadding="0">
                                        <tbody>
                                        <tr>
                                            <th>好评(0%)</th>
                                            <td><p><span style="width:0%"></span></p></td>
                                        </tr>
                                        <tr>
                                            <th>中评(0%)</th>
                                            <td><p><span style="width:0%"></span></p></td>
                                        </tr>
                                        <tr>
                                            <th>差评(0%)</th>
                                            <td><p><span style="width:0%"></span></p></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <dl class="cf f_right">
                                    <dt class="f_left">买家印象：</dt>
                                    <dd class="f_left">
                                        
                                            <a href="javascript:void(0)">TI7周边(0)</a>
                                        
                                    </dd>
                                </dl>
                            </div>
                            <div class="rate_toolbar">
                                <a data-type="0" href="javascript:void(0)" class="curr">全部评价（<span>0</span>）</a>
                                <a data-type="4" href="javascript:void(0)">晒图（<span>0</span>）</a>
                                <a data-type="1" href="javascript:void(0)">好评（<span>0</span>）</a>
                                <a data-type="3" href="javascript:void(0)">中评（<span>0</span>）</a>
                                <a data-type="2" href="javascript:void(0)">差评（<span>0</span>）</a>
                            </div>
                            <div class="comment_list">

<div class="page" data-page-count="0" data-page-num="0" data-page-size="10"></div></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- about -->
<div class="about">
    <div class="wrap">
        <ul class="cf">
            <li class="goods"><span></span>正品保证</li>
            <li class="shopping"><span></span>轻松购物</li>
            <li class="logistics"><span></span>快速配送</li>
            <li class="return"><span></span>无忧退换</li>
        </ul>
        <div class="cf link">
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#" target="_blank">常见问题</a></dd>
                <dd><a href="#" target="_blank" class="needLogin">订单状态</a></dd>
                <dd><a href="#" target="_blank">购物流程</a></dd>
                <dd><a href="#" target="_blank">支付方式</a></dd>
            </dl>
            <dl>
                <dt>配送方式</dt>
                <dd><a href="#" target="_blank">配送范围</a></dd>
                <dd><a href="#" target="_blank">快递费用</a></dd>
            </dl>
            <dl>
                <dt>售后服务</dt>
                <dd><a href="#" target="_blank">退换货流程</a></dd>
                <dd><a href="#" target="_blank">退换货政策</a></dd>
                <dd><a href="#" target="_blank">服务政策</a></dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd><a href="#" target="_blank">公司官网</a></dd>
                <dd><a href="#" target="_blank">官方微信</a></dd>
                <dd>
                    <a href="#" target="_blank">商务合作</a>
                    <div class="tip">
                        <i></i>
                        <p>联系人：张女士</p>
                        <p>邮箱：<span>zhangchenrui@pwrd.com</span></p>
                        <p>联系电话：<span>010-57805531</span></p>
                    </div>
                </dd>
            </dl>
            <div class="f_right contact">
                <p class="tel">028-68723699</p>
                <p class="time">周一至周日 9:00-22:00</p>
                <a href="#" target="_blank" class="needLogin"><span></span>在线客服</a>
            </div>
        </div>
    </div>
</div>
<!-- copyright -->
<div class="copyright">
    <div class="wrap">
        <ul class="cf">
            <li><a href="#" target="_blank">公司介绍</a></li>
            <li><a href="#" target="_blank">开发团队</a></li>
            <li><a href="#" target="_blank">招聘信息</a></li>
            <li><a href="#" target="_blank">联系我们</a></li>
            <li><a href="#" target="_blank">法律声明</a></li>
            <li><a href="#" target="_blank">网站地图</a></li>
        </ul>
        <p class="text">京ICP证：050016号《网络文化经营许可证》编号：文网文【2017】8929-1007号《网络视听许可证》编号：0110587 京公网安备11010502033859号 完美世界（北京）软件科技发展有限公司版权所有</p>
        <div class="link">
            <a href="#" target="_blank"><img src="images/copyright01.jpg" width="108" height="40" alt="经营性网站备案信息"></a>
            <a href="#" target="_blank"><img src="images/copyright02.jpg" width="108" height="40" alt="可信网站示范单位"></a>
            <a href="http://www.bjwhzf.gov.cn/accuse.do" target="_blank"><img src="images/copyright03.jpg" width="108" height="40" alt="举报热线"></a>
            <a href="#" target="_blank"><img src="images/copyright04.jpg" width="108" height="40" alt="中国网络游戏版权保护联盟"></a>
            <a href="#" target="_blank"><img src="images/copyright05.jpg" width="108" height="40" alt="绿色通道"></a>
        </div>
    </div>
</div>

<script type="text/javascript">
    var ctx = '';
    var host_url = '#';
    var static_image_url = '#';
    var sso_service_type = '#';
    var page_id = 'list';
    var mobile = '';
</script>
<script type="text/javascript" src="js/jq_183.js"></script>
<script type="text/javascript" src="js/jquery.boxy.js"></script>
<script type="text/javascript" src="js/lib.js"></script>
<!--登录模块-->
<script>
    $("#login").click(function () {
        showDiv($(".login"));
        function showDiv(obj){
            $(obj).show();
            center(obj);
            $(window).scroll(function(){
                center(obj);
            });
            $(window).resize(function(){
                center(obj);
            });
        }
        function center(obj){
            var windowWidth = document.documentElement.clientWidth;
            var windowHeight = document.documentElement.clientHeight;
            var popupHeight = $(obj).height();
            var popupWidth = $(obj).width();
            $(obj).css({
                "position": "absolute",
                "top": (windowHeight-popupHeight)/2+$(document).scrollTop(),
                "left": (windowWidth-popupWidth)/2
            });
        }
    });
    // 隐藏登录层
    $(".close_box font").click(function () {
        $(".login").delay(1000).fadeOut(1000);
        setTimeout(function () {
            $("#form_login").get(0).reset();
        },1500);
    });
</script>

</body></html>